<template>
  <n-button secondary round type="warning" @click="handleAdd">
    <template #icon>
      <n-icon :component="AddOutline"/>
    </template>
    {{ content }}
  </n-button>
</template>

<script lang="ts" setup>
import {AddOutline} from "@vicons/ionicons5";
const props = withDefaults(defineProps<{
  content: string
}>(), {
  content: "添加"
});
const emits = defineEmits<{(e: "handleAdd"): void}>();
const handleAdd = () => {
  emits("handleAdd");
}
</script>
